.animate__animated {
  animation-duration: 0.2s !important;
}

/*steady-left*/
.steady-left-enter-from {
  opacity: .5;
  transform: translateX(100vw);
}

.steady-left-enter-active {
  width: 100vw;
  position: fixed;
  transition: all 0.2s;
  z-index: 10000;

}

.steady-left-leave-active {
  width: 100vw;
  position: absolute;
  transition: all 0.2s;
}

.steady-left-leave-to {
  opacity: 0;
  transform: scale(0.95);
}


/*right-steady*/
.right-steady-enter-from {
  opacity: 0.8;
  transform: scale(0.95);
}

.right-steady-enter-active {
  width: 100vw;
  position: absolute;
  transition: all 0.2s;
}

.right-steady-leave-from {
  opacity: 0.8;
}

.right-steady-leave-active {
  width: 100vw;
  position: fixed;
  transition: all 0.2s;
  z-index: 10000;
}

.right-steady-leave-to {
  opacity: .5;
  transform: translateX(100vw);
}
